<template>
	<div>
		<!-- 面包屑 -->
		<el-breadcrumb separator-class="el-icon-arrow-right">
			<el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item>火象</el-breadcrumb-item>
		</el-breadcrumb>

		<div class="firecore">
			<div>白羊</div>
			<div>狮子</div>
			<div>射手</div>
		</div>

	


	</div>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		created() {
		},

		methods: {
			
		}

	}
</script>

<style lang="less" scoped>

	.firecore{
		width: 100%;
		height: 200px;
		margin-top: 20px;
		display: flex;
		justify-content: space-between;
		// align-items: center;

		>div{
			width: 30%;
			height: 100%;
		}

		>div:nth-child(1){
			background: url('../../../assets/img/baibg.jpg') no-repeat;
			background-position: center;
			background-size: 100%;
			// color: aqua;
		}
		>div:nth-child(2){
			background: url('../../../assets/img/shibg.png') no-repeat;
			background-position: center;
			background-size: 100%;
			color: red;
		}
		>div:nth-child(3){
			background: url('../../../assets/img/shebg.jpg') no-repeat;
			background-position: center;
			background-size: 100%;
			// color: ;
		}


	}



</style>
